@import './modules/reset.scss';
@import './modules/header.scss';
@import'./modules/footer.scss';
// 轮播图
.banner {
    width: 100%;
    height: 445px;
}

.banner .bann {
    width: 1280px;
    height: 445px;
    margin: 0 auto;
}

.banner .bann .swiper-container {
    width: 100%;
    height: 100%;
}

.banner .bann .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

// 内容 
.nav {
    width: 100%;
    height: 100%;
}

.nav .nav-middle {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
}

.nav .nav-middle .top {
    width: 1280px;
    height: 611px;
}

.nav .nav-middle .top .top-top {
    width: 1205px;
    height: 100px;
    background-color: #F3F6F8;
    float: right;
    color: #7C878E;
    font-size: 32px;
    line-height: 100px;
}

.nav .nav-middle .top .top-top>span {
    margin-left: 55px;
}

.nav .nav-middle .top .top-center img {
    width: 1280px;
    height: 430px;
}

.nav .nav-middle .top .top-bottom {
    width: 1280px;
    height: 81px;
}

.nav .nav-middle .top .top-bottom>p {
    width: 132px;
    height: 35px;
    float: right;
    border: 1px solid #7C878E;
    line-height: 35px;
    margin-right: 90px;
    margin-top: 45px;
    text-align: center;
}

.nav .nav-middle .top .top-bottom>p>a {
    text-decoration: none;
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .center {
    width: 1280px;
    height: 444px;
}

.nav .nav-middle .center>dl {
    float: left;
    width: 320px;
    height: 444px;
    text-align: center;
}

.nav .nav-middle .center>dl dd {
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .center>dl dt img {
    width: 320px;
    height: 320px;
}

.nav .nav-middle .center>dl dd:nth-of-type(1) {
    margin-bottom: 34px;
}

.nav .nav-middle .between {
    width: 1280px;
    height: 1127px;
}

.nav .nav-middle .between .between-top {
    width: 1205px;
    height: 100px;
    background-color: #F3F6F8;
    float: left;
    color: #7C878E;
    font-size: 32px;
    line-height: 100px;
}

.nav .nav-middle .between .between-top>span {
    float: right;
    margin-right: 55px;
}

.nav .nav-middle .between .between-center img {
    width: 1280px;
    height: 430px;
}

.nav .nav-middle .between .between-bottom {
    width: 1280px;
    height: 81px;
}

.nav .nav-middle .between .between-bottom>p {
    width: 132px;
    height: 35px;
    float: right;
    border: 1px solid #7C878E;
    line-height: 35px;
    margin-right: 90px;
    margin-top: 45px;
    text-align: center;
}

.nav .nav-middle .between .between-bottom>p>a {
    text-decoration: none;
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .between-lower {
    width: 1280px;
    height: 444px;
}

.nav .nav-middle .between-lower>dl {
    float: left;
    width: 320px;
    height: 444px;
    text-align: center;
}

.nav .nav-middle .between-lower>dl dd {
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .between-lower>dl dt img {
    width: 320px;
    height: 320px;
}

.nav .nav-middle .between-lower>dl dd:nth-of-type(1) {
    margin-bottom: 34px;
}

.nav .nav-middle .qsb {
    width: 1280px;
    height: 1127px;
}

.nav .nav-middle .qsb .qsb-top {
    width: 1205px;
    height: 100px;
    background-color: #F3F6F8;
    float: right;
    color: #7C878E;
    font-size: 32px;
    line-height: 100px;
}

.nav .nav-middle .qsb .qsb-top>span {
    margin-left: 55px;
}

.nav .nav-middle .qsb .qsb-center img {
    width: 1280px;
    height: 430px;
}

.nav .nav-middle .qsb .qsb-bottom {
    width: 1280px;
    height: 81px;
}

.nav .nav-middle .qsb .qsb-bottom>p {
    width: 132px;
    height: 35px;
    float: right;
    border: 1px solid #7C878E;
    line-height: 35px;
    margin-right: 90px;
    margin-top: 45px;
    text-align: center;
}

.nav .nav-middle .qsb .qsb-bottom>p>a {
    text-decoration: none;
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .qsb-lower {
    width: 1280px;
    height: 444px;
}

.nav .nav-middle .qsb-lower>dl {
    float: left;
    width: 320px;
    height: 444px;
    text-align: center;
}

.nav .nav-middle .qsb-lower>dl dd {
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .qsb-lower>dl dt img {
    width: 320px;
    height: 320px;
}

.nav .nav-middle .qsb-lower>dl dd:nth-of-type(1) {
    margin-bottom: 34px;
}

.nav .nav-middle .my {
    width: 1280px;
    height: 1127px;
}

.nav .nav-middle .my .my-top {
    width: 1205px;
    height: 100px;
    background-color: #F3F6F8;
    float: left;
    color: #7C878E;
    font-size: 32px;
    line-height: 100px;
}

.nav .nav-middle .my .my-top>span {
    float: right;
    margin-right: 55px;
}

.nav .nav-middle .my .my-center img {
    width: 1280px;
    height: 430px;
}

.nav .nav-middle .my .my-bottom {
    width: 1280px;
    height: 81px;
}

.nav .nav-middle .my .my-bottom>p {
    width: 132px;
    height: 35px;
    float: right;
    border: 1px solid #7C878E;
    line-height: 35px;
    margin-right: 90px;
    margin-top: 45px;
    text-align: center;
}

.nav .nav-middle .my .my-bottom>p>a {
    text-decoration: none;
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .my-lower {
    width: 1280px;
    height: 444px;
}

.nav .nav-middle .my-lower>dl {
    float: left;
    width: 320px;
    height: 444px;
    text-align: center;
}

.nav .nav-middle .my-lower>dl dd {
    color: #889095;
    font-size: 17px;
}

.nav .nav-middle .my-lower>dl dt img {
    width: 320px;
    height: 320px;
}

.nav .nav-middle .my-lower>dl dd:nth-of-type(1) {
    margin-bottom: 34px;
}

.nav .nav-middle .cazl {
    width: 1280px;
    height: 480px;
}

.nav .nav-middle .cazl .cazl-left {
    width: 625px;
    height: 480px;
    float: left;
}

.nav .nav-middle .cazl .cazl-left>dl dt {
    margin-bottom: 20px;
}

.nav .nav-middle .cazl .cazl-left>dl dd {
    text-align: center;
}

.nav .nav-middle .cazl .cazl-left>dl dd:nth-of-type(1) {
    color: #7C878E;
    font-size: 28px;
    margin-bottom: 15px;
}

.nav .nav-middle .cazl .cazl-left>dl dd:nth-of-type(2) {
    color: #808991;
    font-size: 14px;
}

.nav .nav-middle .cazl .cazl-right {
    width: 655px;
    height: 166px;
    float: right;
    margin-top: 123px;
    background-color: #E8E9EA;
}